.page {
    background: #F4F4F4;
    min-height: 90vh;
    padding: 10px 10px 0px;
    padding-bottom: 60px;

    .title {
        display: flex;
        border-top: 4px solid #21B47C;
        height: 70px;
        border-radius: 4px;
        background: linear-gradient(241deg, #FFF6E7 0%, #FFFFFF 28%);

        .img {
            height: 18px;
            margin: 25px 15px;
        }

        .title-left {
            line-height: 70px;
            font-size: 20px;
            font-weight: bold;
            color: #3D3D3D;
        }

        .title-right {
            position: absolute;
            height: 20px;
            right: 30px;
            top: 30px;
            font-size: 13px;
            color: #BC944E;
            border-radius: 4px 10px 4px 10px;
            padding: 1px 8px;
            background: rgba(220, 164, 67, 0.2);
        }

        .score {
            position: absolute;
            right: 26px;
            top: 55px;
            font-size: 13px;
            color: #BC944E;
        }
    }

    :global(.adm-list-header) {
        font-size: 16px;
        font-weight: bold;
        line-height: 22.5px;
        color: #333333;
    }

    :global(.adm-list-card) {
        margin: 0px;
        // padding: 10px;
    }

    :global(.adm-list-item-content-extra) {
        font-size: 15px;
        line-height: 21px;
        text-align: right;
        color: #3D3D3D;
    }

    .details {
        margin-top: 20px;
        background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
        border-radius: 4px;

        .con {
            display: flex;
            justify-content: space-between;
            padding: 5px 10px 5px 0px;

            .con-left {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 45px;
                height: 45px;
                margin-right: 10px;


                >img {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    border-radius: 4px;
                }
            }

            .con-right {
                display: flex;
                flex: 1;
                flex-direction: column;

                .con-title {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;

                    .con-title-a {
                        font-size: 15px;
                        font-weight: bold;
                        color: #333333;
                        margin-right: 10px;
                    }

                    .con-title-b {
                        flex-grow: 1;
                        color: #666;
                        text-align: right;
                    }

                    .con-title-c {
                        font-size: 12px;
                        font-weight: normal;
                        line-height: 17px;
                        color: #21B47C;
                    }

                    .con-title-d {
                        font-size: 15px;
                        font-weight: bold;
                        color: #333333;
                    }

                }

            }
        }

        .total {
            font-size: 14px;
            color: #999999;

            >span {
                font-size: 15px;
                font-weight: bold;
                color: #333333;
            }
        }
    }

    .receivables {
        margin-top: 20px;
        background: #FFF;
        border-radius: 4px;

        .sell {
            color: #2480FE;
            padding: 3px;
            font-size: 12px;
            font-weight: normal;
            border-radius: 2px 8px 2px 2px;
            background: rgba(36, 128, 254, 0.1);
        }
    }

    .extra-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        color: #333333;
    }

    .extra-label {
        text-align: left;
    }

    .extra-value {
        text-align: right;
    }

    .payment {
        margin-top: 20px;
        background: #FFF;
        border-radius: 4px;

        .buy {
            color: #FF7548;
            padding: 3px;
            font-size: 12px;
            font-weight: normal;
            border-radius: 2px 8px 2px 2px;
            background: rgba(255, 117, 72, 0.1);
        }

        .list-item {
            display: flex;
            justify-content: space-between;

            >span {
                text-align: right;
            }
        }
    }

    .invoice {
        margin-top: 20px;
        background: #FFF;
        border-radius: 4px;
    }

    .bottom {
        margin-top: 10px;
        height: 60px;
        position: absolute;
        right: 0;
        left: 0;
        background: #fff;
    }



}